<template>
	<div class="album-list">
		<AlbumListItem v-for="(item, index) in albumlist" :key="index" :albumlistitem="item" />
	</div>
</template>

<script setup>
import { defineProps } from 'vue';
import AlbumListItem from "./AlbumListItem.vue";


const props = defineProps({
  albumlist: {
    type: Array,
    default: () => []
  }
});
</script>

<style lang="less" scoped>
.album-list {
	display: grid;
	justify-content: space-evenly;
	align-content: space-between;
	grid-template-rows: repeat(8, auto-fill);
	grid-template-columns: repeat(5, 20%);
}
</style>
